<!DOCTYPE html>
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />

  <!-- Set the viewport width to device width for mobile -->
  <meta name="viewport" content="width=device-width" />

  <title>Welcome to Foundation</title>

  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/foundation.css">

  <script src="js/vendor/custom.modernizr.js"></script>

</head>
<body>
	<!-- Header and Nav -->
	<div class="contain-to-grid">
	<nav class="top-bar">
	  <ul class="title-area">
		<!-- Title Area -->
		<li class="name">
		  <h1><a href="#">Condition Survey Report</a></h1>
		</li>
		<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
		<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
	  </ul>

	  <section class="top-bar-section">
		<!-- Left Nav Section -->
		<ul class="left">
		  <li class="divider"></li>
		  <li class="active"><a href="#">List of Report</a></li>
		  <li class="divider"></li>
		  <li><a href="#">Add New</a></li>
		  <li class="divider"></li>
		</ul>

		<!-- Right Nav Section -->
		<ul class="right">
		  <li class="divider show-for-small"></li>
		  <li class="has-form">
			<a class="small alert radius button" href="#">Logout</a>
		  </li>
		</ul>
	  </section>
	</nav>
	</div> 
	<br/>
	<!-- End Header and Nav -->
  
  
  <div class="row">    
	<!-- Nav Sidebar -->
    <!-- This is source ordered to be pulled to the left on larger screens -->
    <div class="large-4 push-8 columns">
        
      <ul class="side-nav ">
		<li><h4>Form Navigation</h4></li>
		<li class="divider"></li>
        <li><a href="index.html">Condition Survey Report</a></li>
		<li class="active"><a href="section-a.html">Section A: Certification & Documentation</a></li>
		<li><a href="#">Section B: Manning & Management</a></li>
		<li><a href="#">Section C: Bridge & Navigation</a></li>
		<li><a href="#">Section D: Accomodation</a></li>
		<li><a href="#">Section E: Safety</a></li>
		<li><a href="#">Section F: Hull & Deck Arrangements</a></li>
		<li><a href="#">Section G: Cargoworthiness</a></li>
		<li><a href="#">Section H: Ballast Tanks</a></li>
		<li><a href="#">Section I: Machinery Spaces</a></li>
		<li><a href="#">General Comments</a></li>
      </ul>
      
      <!-- p><img src="http://placehold.it/320x240&text=Ad" /></p -->
        
    </div>
	
    <!-- Main Content Section -->
    <!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
    <div class="large-8 pull-4 columns">
      
      <h3>SECTION A <small>CERTIFICATION & DOCUMENTATION</small></h3>
      
      <div class="has-form">
		<form>
			<fieldset>
				<legend>Ship's certificates</legend>
				
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				<div class="row">
					<div class="large-12 columns">
						<table>
							<thead>
								<tr>
									<th width="200"></th>
									<th>S</th>
									<th>D</th>
									<th>NI</th>
									<th>NA</th>
									<th width="150">Valid until</th>
									<th width="150">Last inspection</th>
								</tr>
							</thead>
							<tr>
								<td>CERTIFICATE OF REGISTRY</td>
								<td><input name="cor" type="radio" id="cor1"></td>
								<td><input name="cor" type="radio" id="cor2"></td>
								<td><input name="cor" type="radio" id="cor3"></td>
								<td><input name="cor" type="radio" id="cor4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>INTERNATIONAL LOAD LINE</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>IOPP</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>IAP (AIR POLLUTION CERTIFICATE)</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>MINIMUM SAFE MANNING CERTIFICATE</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>CLASSIFICATION CERTIFICATE</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>CONDITION / RECOMMENDATION OF CLASS ISSUED?</td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> Yes</span></td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> No</span></td>
								<td colspan="2"><label>ATTACH COPY OF RELEVANT CERTIFICATE</label><input id="cor-valid" name="cor-valid" type="file" placeholder=""></td>
							</tr>
							<tr>
								<td>EXEMPTION CERTIFICATES ISSUED?</td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> Yes</span></td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> No</span></td>
								<td colspan="2"><label>ATTACH COPY OF RELEVANT CERTIFICATE</label><input id="cor-valid" name="cor-valid" type="file" placeholder=""></td>
							</tr>
							<tr>
								<td>TRADE LIMITATION IMPOSED BY CLASS AND/OR FLAG STATE?</td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> Yes</span></td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> No</span></td>
								<td colspan="2"><label>ATTACH COPY OF RELEVANT CERTIFICATE</label><input id="cor-valid" name="cor-valid" type="file" placeholder=""></td>
							</tr>
							<tr>
								<td>ULTRASONIC STEEL THICKNESS TEST</td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> Yes</span></td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> No</span></td>
								<td colspan="2"><label>ATTACH COPY OF RELEVANT PARTICULARS PAGE/CLASS APPROVAL</label><input id="cor-valid" name="cor-valid" type="file" placeholder=""></td>
							</tr>
							<tr>
								<td>LAST PORT STATE INSPECTION</td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> Yes</span></td>
								<td colspan="2"><input name="" type="radio" id="1"><span class="custom radio"> No</span></td>
								<td colspan="2"><label>ATTACH COPY OF RELEVANT INSPECTION REPORT</label><input id="cor-valid" name="cor-valid" type="file" placeholder=""></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				
			</fieldset>
			
			<fieldset>
			<legend>Quality Assurance</legend>	
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				<div class="row">
					<div class="large-12 columns">
						<table>
							<thead>
								<tr>
									<th width="200"></th>
									<th>S</th>
									<th>D</th>
									<th>NI</th>
									<th>NA</th>
									<th width="150">Issued date</th>
									<th width="150">Issued by</th>
								</tr>
							</thead>
							<tr>
								<td>WHO IS THE DESIGNATED PERSON OF OWNERS? <i>DPA</i></td>
								<td colspan="6"><textarea id="cor-inspect" name="cor-inspect" type="text" placeholder=""> </textarea></td>
							</tr>
							<tr>
								<td>WHO IS COMPANY SECURITY OFFICER? <i>CSO</i></td>
								<td colspan="6"><textarea id="cor-inspect" name="cor-inspect" type="text" placeholder=""> </textarea></td>
							</tr>
							<tr>
								<td>SAFETY MANAGEMENT CERTIFICATE</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>DOCUMENT OF COMPLIANCE</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>INTERNATIONAL SHIP SECURITY CERTIFICATE (ISSC)</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>SHIP SECURITY PLAN (SSP)</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
								<td><input id="cor-inspect" name="cor-inspect" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>RECORDS OF NON-CONFORMANCE, ACCIDENTS AND CORRECTIVE ACTION</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td colspan="2"></label><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>ARE INTERNAL AUDITS CARRIED OUT?</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td colspan="2"></label><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>ARE SAFETY MEETINGS HELD?</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td colspan="2"></label><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>IS CREW RECEIVING ISM TRAINING?</td>
								<<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td colspan="2"></label><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>GARBAGE MANAGEMENT PLAN (MARPOL ANNEX v) GARBAGE LOG?</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td colspan="2"></label><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				
			</fieldset>
			<fieldset>
			<legend>Stability information</legend>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				<div class="row">
					<div class="large-12 columns">
						<table>
							<thead>
								<tr>
									<th width="200"></th>
									<th>S</th>
									<th>D</th>
									<th>NI</th>
									<th>NA</th>
									<th width="300">Comment</th>
									
								</tr>
							</thead>
							<tr>
								<td>ARE HYDROSTATIC TABLES AND STABILITY BOOKS CLASS APPROVED?</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>						
							</tr>
							<tr>
								<td>ARE LATEST STABILITY CALCULATIONNS PERFORMED ON BOARD?</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>						
							</tr>
							<tr></tr>
							<tr>
								<td>IS AN APPROVED STABILITY COMPUTER ON BOARD</td>
								<td><input name="radio" type="radio" id="1"></td>
								<td><input name="radio" type="radio" id="2"></td>
								<td><input name="radio" type="radio" id="3"></td>
								<td><input name="radio" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>							
						</table>
					</div>
				</div>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
			</fieldset>
			<fieldset>
			<legend>Records</legend>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				<div class="row">
					<div class="large-12 columns">
						<table>
							<thead>
								<tr>
									<th width="200"></th>
									<th>S</th>
									<th>D</th>
									<th>NI</th>
									<th>NA</th>
									<th width="300">Comment</th>
									
								</tr>
							</thead>
							<tr>
								<td>DECK / ENGINE ROOM LOG BOOOKS</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>						
							</tr>
							<tr>
								<td>MASTER'S STANDING ORDERS</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>						
							</tr>
							<tr></tr>
							<tr>
								<td>CHIEF ENGINEER'S STANDING ORDERS</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>							
							<tr>
								<td>PLANNED MAINTENANCE PROGRAMME ON BOARD</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>OIL RECORD BOOK / ENTRIES</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>BUNKER OPERATION INSTRUCTIONS</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>SOPEP MANUAL + IMO CONTACT LIST</td>
								<td><input name="" type="radio" id="1"></td>
								<td><input name="" type="radio" id="2"></td>
								<td><input name="" type="radio" id="3"></td>
								<td><input name="" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>RECORDS OF HOT WORK/ENCLOSED SPACE ENTRY AND SAFETY DRILSS</td>
								<td><input name="radio" type="radio" id="1"></td>
								<td><input name="radio" type="radio" id="2"></td>
								<td><input name="radio" type="radio" id="3"></td>
								<td><input name="radio" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>MINUTES OF MEETING SAFETY COMMITTEE TEAM ON BOARD?</td>
								<td><input name="radio" type="radio" id="1"></td>
								<td><input name="radio" type="radio" id="2"></td>
								<td><input name="radio" type="radio" id="3"></td>
								<td><input name="radio" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td>SOLAS SAFETY TRAINING MANUAL</td>
								<td><input name="radio" type="radio" id="1"></td>
								<td><input name="radio" type="radio" id="2"></td>
								<td><input name="radio" type="radio" id="3"></td>
								<td><input name="radio" type="radio" id="4"></td>
								<td><input id="cor-valid" name="cor-valid" type="text" placeholder=""></td>
							</tr>
							<tr>
								<td colspan="6"><textarea id="cor-valid" name="cor-valid" type="text" placeholder="REMARKS SECTION A"></textarea></td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row right">
					<div class="large-12 columns">
						<input type="submit" value="Save" class="small radius button">
					</div>
				</div>
				
			</fieldset>
		</form>
	  </div>
            
    </div>
    
  </div>
    
  
  <!-- Footer -->
  
  <footer class="row">
    <div class="large-12 columns">
      <hr />
      <div class="row">
        <div class="large-6 columns">
          <p>&copy; Copyright no one at all. Go to town.</p>
        </div>
        <div class="large-6 columns">
          <ul class="inline-list right">
            <li><a href="#">Section 1</a></li>
            <li><a href="#">Section 2</a></li>
            <li><a href="#">Section 3</a></li>
            <li><a href="#">Section 4</a></li>
          </ul>
        </div>
      </div>
    </div> 
  </footer>
  <script>
  document.write('<script src=js/vendor/' +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
  '.js><\/script>')
  </script>
  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>
</body>
</html>
